/**
 * @description theme variables
 * @author Zhangbin
 */

@link-color: #0AA679;
@primary-color: #0AA679;
@success-color: #0AA679;
@border-radius-base: 2px;
@layout-header-background: #2e3553;
@layout-body-background: #f0f2f5;
@body-background: #fff;
@component-background: #fff;
@heading-color: rgba(0, 0, 0, 0.85);
@text-color: rgba(0, 0, 0, 0.65);
@text-color-inverse: #fff;
@text-color-secondary: rgba(0, 0, 0, 0.45);
@shadow-color: rgba(0, 0, 0, 0.15);
@border-color-split: #f0f0f0;
@background-color-light: #fafafa;
@background-color-base: #f5f5f5;
@table-selected-row-bg: #fafafa;
@table-expanded-row-bg: #fbfbfb;
@checkbox-check-color: #fff;
@disabled-color: rgba(0, 0, 0, 0.25);
@menu-dark-color: rgba(254, 254, 254, 0.65);
@menu-dark-highlight-color: #fefefe;
@menu-dark-arrow-color: #fefefe;
@btn-primary-color: #fff;

.primary_color {
  color: @primary-color;
}
.primary_color_hover {
  &:hover {
    color: @primary-color !important;
  }
}

// to js
:export {
  name: 'theme';
  primaryColor: @primary-color
}